import { createBrowserRouter } from "react-router-dom";
import Layout from "@/pages/Layout";
import Login from "@/pages/Login";
import { AuthRoute } from "@/components/AuthRoute";
// import Home from '@/pages/Home';
// import Article from "@/pages/Article";
// import Publish from "@/pages/Publish";
import { lazy, Suspense } from "react";

//实现路由懒加载
const Home = lazy(() => import('@/pages/Home'))
const Article = lazy(() => import('@/pages/Article'))
const Publish = lazy(() => import('@/pages/Publish'))
const router = createBrowserRouter([
    {
        path: "/",
        element: <AuthRoute> <Layout /></AuthRoute>,
        children: [
            {
                index: true,
                element: <Suspense fallback={'加载中'}><Home /> </Suspense>
            },
            {
                path: "article",
                element: <Suspense fallback={'加载中'}><Article /></Suspense>
            },
            {
                path: "publish",
                element: <Suspense fallback={'加载中'}><Publish /></Suspense>
            }
        ]

    },
    {
        path: "/login",
        element: <Login />
    }
])

export default router;